﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link href="../../Content/Global.css" rel="stylesheet" type="text/css" />
<head>
    <title>普通列表.htm</title>
	<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
    <script type="text/javascript">
        function toggle(id) {
            var tb = document.getElementById(id);
            if (tb.style.display == 'none') tb.style.display = 'block';
            else tb.style.display = 'none';
        }
</script>

</head>
<body>
<div class="main_body">
  <!--TOP start-->
  <div class="header">
    <div class="login"> Welcome，mo_000088(刘_000088) | <a href="#" target="_blank">反馈意见</a> | <a href="#">退出</a></div>
  </div>
  <!--TOP END-->
  <ul class="menu_list">
    <li class="menu_normal"><a href="index.html">首页</a></li>
    <li class="menu_normal"><a href="form页.htm">新增/修改</a></li>
    <li class="menu_normal"><a href="详细信息页.htm">详细信息页</a></li>
    <li class="menu_current"><a href="列表及查询条件.htm">列表及查询</a></li>
    <li class="menu_normal"><a href="信息提示框.htm">信息提示框</a></li>
    <li class="menu_normal"><a href="标签页.htm">标签页</a></li>
  </ul>
  <div class="pad_10">当前位置：<a href="/" title="首页">首页</a> &raquo; <a href="/line" title="UIDEMO">UIDEMO</a> &raquo; <span>列表及查询</span></div>
  <!--Main frame Start-->
  <div class="_xi_top">
    <div class="_xi_top2"></div>
  </div>
  <div class="xi_center">
    <!--  
        <div class=" title " >预订列表</div>
        <table class="searchcond" cellpadding="0" cellspacing="0"id="table1" style="display:none;">
          <tr>
            <td width="6%" align="right" class="font_color9">车牌号：</td>
            <td width="25%"><input type="text" value=""  class="form_text"/></td>
            <td width="5%" align="right" class="font_color9">司机：</td>
            <td width="24%"><input type="text" value="" class="form_text" /></td>
            <td width="9%" align="right" class="font_color9"> 预定时间：</td>
            <td><input style="width: 88px;" id="BuildDate"  name="BuildDate"   type="text" class="form_text dateinput" />
              ~
              <input style="width: 88px;" id="BuildDate2"  name="BuildDate2"   type="text" class="form_text dateinput" /></td>
          </tr>
          <tr>
            <td></td>
            <td><input type="submit" value="查询" class="form_bot"/></td>
          </tr>
        </table>
        -->
    <!--右侧标签页 Start-->
    <div class=con>
      <ul class=tags id="tags">
        <li class="selectTag"><a onclick="selectTag('tagContent0',this)"  href="javascript:void(0)">标签一</a></li>
        <li><a onclick="selectTag('tagContent1',this)"  href="javascript:void(0)">标签二</a></li>
        <li><a onclick="selectTag('tagContent2',this)"  href="javascript:void(0)">标签三</a></li>
        <span class="bt">标题1</span>
      </ul>
      <div class=tagCon>
        <div class="tagContent " id=tagContent2>
          <table id="PriceList" class="list-table" cellpadding="0" cellspacing="0" style="width: 100%">
            <tr class="lt_head"></tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td align="center"> A</td>
              <td align="center"> 100元到400元 </td>
              <td align="right"><a href="#" onclick="showEdit();">修改</a></td>
            </tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td align="center"> B</td>
              <td align="center"> 400元到800元 </td>
              <td align="right"><a href="#" onclick="showEdit();">修改</a></td>
            </tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td align="center"> C</td>
              <td align="center"> 800元到1200元 </td>
              <td align="right"><a href="#" onclick="showEdit();">修改</a></td>
            </tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td align="center">D</td>
              <td align="center"> 1200元以上 </td>
              <td align="right"><a href="#" onclick="showEdit();">修改</a></td>
            </tr>
          </table>
        </div>
        <div class="tagContent " id=tagContent1>
          <table id="PriceList" class="list-table" cellpadding="0" cellspacing="0" style="width: 100%">
            <tr class="lt_head"></tr>
            <tr>
              <td align="left"><input type="checkbox" /></td>
              <td align="center"> 1 </td>
              <td align="center"> 100元到400元 </td>
              <td align="right"><a href="#" onclick="showEdit();">修改</a></td>
            </tr>
            <tr>
              <td align="left"><input type="checkbox" /></td>
              <td align="center"> 2 </td>
              <td align="center"> 400元到800元 </td>
              <td align="right"><a href="#" onclick="showEdit();">修改</a></td>
            </tr>
            <tr>
              <td align="left"><input type="checkbox" /></td>
              <td align="center"> 3 </td>
              <td align="center"> 800元到1200元 </td>
              <td align="right"><a href="#" onclick="showEdit();">修改</a></td>
            </tr>
            <tr>
              <td align="left"><input type="checkbox" /></td>
              <td align="center"> 4 </td>
              <td align="center"> 1200元以上 </td>
              <td align="right"><a href="#" onclick="showEdit();">修改</a></td>
            </tr>
          </table>
        </div>
        <div class="tagContent selectTag" id=tagContent0> 温家宝十分关心青年人的成长。自担任国务院总理以来，每年“五四”青年节他都要抽时间看望青年，鼓励广大青年健康成长，为祖国发展作贡献。 </div>
      </div>
    </div>
    <script type=text/javascript>
        function selectTag(showContent, selfObj) {
            // 操作标签
            var tag = document.getElementById("tags").getElementsByTagName("li");
            var taglength = tag.length;
            for (i = 0; i < taglength; i++) {
                tag[i].className = "";
            }
            selfObj.parentNode.className = "selectTag";
            // 操作内容
            for (i = 0; j = document.getElementById("tagContent" + i); i++) {
                j.style.display = "none";
            }
            document.getElementById(showContent).style.display = "block";


        }
</script>
    <!--右侧标签页 END-->
    <div class="list_title">
      <div class="paging"></div>
      <div style="padding-top:6px;">
        <input type="button" value="新增"  class="form_bot"/>
      </div>
    </div>
    <!--列表查询 Start-->
    <table class="tblData" border="1" cellspacing="0" cellpadding="0">
      <thead>
        <tr>
          <th> 车牌号 </th>
          <th> 预定开始时间 </th>
          <th> 预定截止时间 </th>
          <th> 用车原因 </th>
          <th> 司机 </th>
          <th> 联系方式 </th>
          <th> 操作 </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><a href='/CarInfo/Details/158'>粤B12232</a></td>
          <td> 2011-04-12 06:00 </td>
          <td> 2011-04-12 07:00 </td>
          <td> g </td>
          <td> da_000004(许_000004) </td>
          <td> 13000000004/800004 </td>
          <td><a href='/CarUseHistory/Create?bookingID=385'>出车登记</a> | <a href='/CarBooking/CancelDeparture?bookingID=385'>出车取消</a> | <a href='/CarBooking/CancelBooked?bookingID=385'>取消预订</a></td>
        </tr>
        <tr>
          <td><a href='/CarInfo/Details/158'>粤B12232</a></td>
          <td> 2011-04-12 09:00 </td>
          <td> 2011-04-12 10:00 </td>
          <td> h </td>
          <td> da_000004(许_000004) </td>
          <td> 13000000004/800004 </td>
          <td><a href='/CarUseHistory/Create?bookingID=386'>出车登记</a> | <a href='/CarBooking/CancelDeparture?bookingID=386'>出车取消</a> | <a href='/CarBooking/CancelBooked?bookingID=386'>取消预订</a></td>
        </tr>
        <tr>
          <td><a href='/CarInfo/Details/158'>粤B12232</a></td>
          <td> 2011-04-13 06:00 </td>
          <td> 2011-04-13 07:00 </td>
          <td> g </td>
          <td> da_000004(许_000004) </td>
          <td> 13000000004/800004 </td>
          <td><a href='/CarUseHistory/Create?bookingID=387'>出车登记</a> | <a href='/CarBooking/CancelDeparture?bookingID=387'>出车取消</a> | <a href='/CarBooking/CancelBooked?bookingID=387'>取消预订</a></td>
        </tr>
        <tr>
          <td><a href='/CarInfo/Details/158'>粤B12232</a></td>
          <td> 2011-04-13 09:00 </td>
          <td> 2011-04-13 10:00 </td>
          <td> f </td>
          <td> da_000004(许_000004) </td>
          <td> 13000000004/800004 </td>
          <td><a href='/CarUseHistory/Create?bookingID=388'>出车登记</a> | <a href='/CarBooking/CancelDeparture?bookingID=388'>出车取消</a> | <a href='/CarBooking/CancelBooked?bookingID=388'>取消预订</a></td>
        </tr>
        <tr>
          <td><a href='/CarInfo/Details/158'>粤B12232</a></td>
          <td> 2011-04-13 10:00 </td>
          <td> 2011-04-13 11:00 </td>
          <td> f </td>
          <td> da_000004(许_000004) </td>
          <td> 13000000004/800004 </td>
          <td><a href='/CarUseHistory/Create?bookingID=389'>出车登记</a> | <a href='/CarBooking/CancelDeparture?bookingID=389'>出车取消</a> | <a href='/CarBooking/CancelBooked?bookingID=389'>取消预订</a></td>
        </tr>
        <tr>
          <td><a href='/CarInfo/Details/158'>粤B12232</a></td>
          <td> 2011-04-13 12:00 </td>
          <td> 2011-04-13 13:00 </td>
          <td> j </td>
          <td> da_000004(许_000004) </td>
          <td> 13000000004/800004 </td>
          <td><a href='/CarUseHistory/Create?bookingID=390'>出车登记</a> | <a href='/CarBooking/CancelDeparture?bookingID=390'>出车取消</a> | <a href='/CarBooking/CancelBooked?bookingID=390'>取消预订</a></td>
        </tr>
        <tr>
          <td><a href='/CarInfo/Details/158'>粤B12232</a></td>
          <td> 2011-04-13 14:00 </td>
          <td> 2011-04-13 15:00 </td>
          <td> g </td>
          <td> da_000004(许_000004) </td>
          <td> 13000000004/800004 </td>
          <td><a href='/CarUseHistory/Create?bookingID=391'>出车登记</a> | <a href='/CarBooking/CancelDeparture?bookingID=391'>出车取消</a> | <a href='/CarBooking/CancelBooked?bookingID=391'>取消预订</a></td>
        </tr>
        <tr>
          <td><a href='/CarInfo/Details/158'>粤B12232</a></td>
          <td> 2011-04-13 15:00 </td>
          <td> 2011-04-13 16:00 </td>
          <td> h </td>
          <td> da_000004(许_000004) </td>
          <td> 13000000004/800004 </td>
          <td><a href='/CarUseHistory/Create?bookingID=392'>出车登记</a> | <a href='/CarBooking/CancelDeparture?bookingID=392'>出车取消</a> | <a href='/CarBooking/CancelBooked?bookingID=392'>取消预订</a></td>
        </tr>
        <tr>
          <td><a href='/CarInfo/Details/158'>粤B12232</a></td>
          <td> 2011-04-13 17:00 </td>
          <td> 2011-04-13 18:00 </td>
          <td> h </td>
          <td> da_000004(许_000004) </td>
          <td> 13000000004/800004 </td>
          <td><a href='/CarUseHistory/Create?bookingID=393'>出车登记</a> | <a href='/CarBooking/CancelDeparture?bookingID=393'>出车取消</a> | <a href='/CarBooking/CancelBooked?bookingID=393'>取消预订</a></td>
        </tr>
        <tr>
          <td><a href='/CarInfo/Details/158'>粤B12232</a></td>
          <td> 2011-04-13 01:00 </td>
          <td> 2011-04-13 02:00 </td>
          <td> sss </td>
          <td> da_000004(许_000004) </td>
          <td> 13000000004/800004 </td>
          <td><a href='/CarUseHistory/Create?bookingID=394'>出车登记</a> | <a href='/CarBooking/CancelDeparture?bookingID=394'>出车取消</a> | <a href='/CarBooking/CancelBooked?bookingID=394'>取消预订</a></td>
        </tr>
      </tbody>
    </table>
    <!--列表查询 END-->
    <!--翻页 Start-->
    <div class="page"><span class="nopaging"> <img alt="第一页" src="images/pagination-first.gif" /></span> <span class="nopaging"> <img alt="前一页" src="images/pagination-prev.gif" /></span> <span class="page-num">总计 31 记录 当前第 1 页共 4 页</span> <span class="nopaging"><img alt="下一页" src="images/pagination-next.gif" /></span><span class="nopaging"><img alt="最后一页" src="images/pagination-last.gif" /></span>
      <form method="get">
        跳至第
        <input class="gotoBox" id="page" name="page" style="width: 30px" type="text" value="1" />
        页
        <input type="submit" value="Go"  class="form_bot"/>
      </form>
    </div>
    <!--翻页 End-->
    <script type="text/javascript">
        //鼠标所在行高亮方法一
        $(function() {
            var chtrs = $(".tblData tbody tr");
            chtrs.mouseover(function(o) { this.className = 'mouseover'; });
            chtrs.mouseout(function(o) { this.className = ''; });
        });
        //鼠标所在行高亮方法二，在每个tbody tr改为
        //<tr onmouseover="this.className = 'mouseover';" onmouseout="this.className = '';">

        //员工选择器初始化
        $('.staffChooser').each(function() {
            $(this).staffChooser(true);

            //清除隐藏域值
            $(this).bind("change", function() {
                $("#SearchCond_DriverID").val("");
            });
        });

        //从员工选择器获取员工ID
        function getDriverID(e, data, formatted) {
            if (data) {
                var userIDs = $("#SearchCond_DriverID").val();
                $("#SearchCond_DriverID").val(data.ID);
            }
        }

        //初始化日期控件
        $('.dateinput').each(function() {
            $(this).date_input();
        });

        //出车登记
        function CarUseHistoryConfirm(obj) {
            if (obj.disabled) {
                obj.href = "#";
                return false;
            }
            return true;
        }

        //出车取消
        function CancelDepartureConfirm(obj) {
            if (obj.disabled) {
                obj.href = "#";
                return false;
            }

            return confirm("确认出车取消？");
        }

        //取消预订
        function CancelBookedConfirm(obj) {
            if (obj.disabled) {
                obj.href = "#";
                return false;
            }

            return confirm("确认取消预订？");
        }
    </script>
  </div>
  <div class="_xi_bot" style=" margin-bottom:10px;">
    <div class="_xi_bot2"></div>
  </div>
  <!--Main frame END-->
  <!--Main frame Start-->
  <div class="_xi_top">
    <div class="_xi_top2"></div>
  </div>
  <div class="xi_center">
    <!--查询条件 Start-->
    <div class="title ">路线列表</div>
    <table class="searchcond" cellpadding="0" cellspacing="0" id="table2" style="display:none;">
      <tr>
        <td width="9%" align="right" class="font_color9">车牌号：</td>
        <td width="25%"><input type="text" value=""  class="form_text"/></td>
        <td width="8%" align="right" class="font_color9">司机：</td>
        <td width="24%"><input type="text" value="" class="form_text" /></td>
        <td align="right" class="font_color9"> 预定时间：</td>
        <td width="25%"><input style="width: 88px;" id="BuildDate3"  name="BuildDate3"   type="text" class="form_text dateinput" />
          ~
          <input style="width: 88px;" id="BuildDate4"  name="BuildDate2"   type="text" class="form_text dateinput" /></td>
      </tr>
      <tr>
        <td align="right" class="font_color9">等待地点：</td>
        <td width="25%"><input type="text" value=""  class="form_text"/></td>
        <td align="right" class="font_color9">乘车人：</td>
        <td width="24%"><input type="text" value="" class="form_text" /></td>
        <td width="9%" align="right"></td>
        <td width="25%"></td>
      </tr>
      <tr>
        <td></td>
        <td><input type="submit" value="查询" class="form_bot"/></td>
      </tr>
    </table>
    <!--查询条件 end-->
    <!--列表查询two-->
    <div class="list_title">
      <div class="paging"></div>
      <div style="padding-top:6px;">
        <input type="button" value="查询"  class="form_bot" onclick="toggle('table2')"/>
        <input type="button" value="新增"  class="form_bot"/>
        <input type="button" value="修改" class="form_bot"/>
        <input type="button" value="删除" class="form_bot"/>
      </div>
    </div>
    <table class="tblData" border="1" cellspacing="0" cellpadding="0">
      <thead>
        <tr>
          <th><input value="e89425bf-f4ad-4742-b24e-26d567e52694" 
      type="checkbox" iscandelete="False" /></th>
          <th><span style="width: 500px; vertical-align: top; word-break: break-all; word-wrap: break-word;">路线信息</span></th>
          <th>状态</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody id="gvList">
        <tr>
          <td align="center"><input value="e89425bf-f4ad-4742-b24e-26d567e52694" 
      type="checkbox" iscandelete="False" /></td>
          <td><div class="bg_color"><strong>[境内] [ 香港2日游]</strong><br />
            <span>报名时间：2011-04-26 ~ 2011-04-28</span> <span>出行时间：2011-04-29 ~ 2011-04-30</span><br />
            <span>领队：wa_000464(刘_000464)/13812341234</span><br />
            <span>成人费用：￥100</span><span>儿童费用：￥200</span></div></td>
          <td > 已成团 </td>
          <td ><span><a href="#">详细</a></span> | <span><a  href="#">编辑</a></span></td>
        </tr>
        <tr>
          <td align="center"><input value="f74e5e65-e918-4d45-9f4c-c66d574a2d65" 
      type="checkbox" iscandelete="False" /></td>
          <td><div class="bg_color"><strong>[境内] [ 香港2日游]</strong><br />
            <span>报名时间：2011-04-26 ~ 2011-04-28</span> <span>出行时间：2011-04-29 ~ 2011-04-30</span><br />
            <span>领队：wa_000464(刘_000464)/13812341234</span><br />
            <span>成人费用：￥100</span><span>儿童费用：￥200</span></div></td>
          <td style="width: 80px;" align="center"> 已成团 </td>
          <td align="center" style="width: 100px;"><span><a href="#">详细</a></span> | <span><a  href="#">编辑</a></span></td>
        </tr>
        <tr>
          <td align="center"><input value="bacbd307-7f10-4691-b5f8-d87402001afe" 
      type="checkbox" iscandelete="False" /></td>
          <td><div class="bg_color"><strong>[境内] [ 香港2日游]</strong><br />
            <span>报名时间：2011-04-26 ~ 2011-04-28</span> <span>出行时间：2011-04-29 ~ 2011-04-30</span><br />
            <span>领队：wa_000464(刘_000464)/13812341234</span><br />
            <span>成人费用：￥100</span><span>儿童费用：￥200</span></div></td>
          <td style="width: 80px;" align="center"> 已取消 </td>
          <td align="center" style="width: 100px;"><span><a href="#">详细</a></span></td>
        </tr>
      </tbody>
    </table>
    <!--列表查询two END-->
    <div class="page"> <a href="#">&lt;</a> <a href="#">上一页</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">下一页</a> <a href="#">&gt;</a></div>
  </div>
  <div class="_xi_bot">
    <div class="_xi_bot2"></div>
  </div>
  <!--Main frame END-->
  <div class="footer"> Copyright © 1998 - 2011 Tencent. All Rights Reserved. </div>
</div>
</body>
</html>
